<!DOCTYPE html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="TravelStar - Tour, Travel, Travel Agency Template">
    <meta name="keywords" content="Tour, Travel, Travel Agency Template">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TravelStar - Tour, Travel & Travel Agency Template</title>
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
    <!-- Google Fonts Includes -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
    <!-- Favi icon -->
    <link rel="shortcut icon" type="image/x-icon" href="../static/images/favicon.ico">
    <!-- bootstrap v3.3.6 css -->
    <link rel="stylesheet" href="../static/css/assets/bootstrap.min.css">
    <!-- animate css -->
    <link rel="stylesheet" href="../static/css/assets/animate.css">
    <!-- Button Hover animate css -->
    <link rel="stylesheet" href="../static/css/assets/hover-min.css">
    <!-- jquery-ui.min css -->
    <link rel="stylesheet" href="../static/css/assets/jquery-ui.min.css">
    <!-- meanmenu css -->
    <link rel="stylesheet" href="../static/css/assets/meanmenu.min.css">
    <!-- owl.carousel css -->
    <link rel="stylesheet" href="../static/css/assets/owl.carousel.min.css">
    <!-- slick css -->
    <link rel="stylesheet" href="../static/css/assets/slick.css">
    <!-- chosen.min-->
    <link rel="stylesheet" href="../static/css/assets/jquery-customselect.css">
    <!-- font-awesome css -->
    <link rel="stylesheet" href="../static/css/assets/font-awesome.min.css">
    <!-- magnific Css -->
    <link rel="stylesheet" href="../static/css/assets/magnific-popup.css">
    <!-- Preloader css -->
    <link rel="stylesheet" href="../static/css/assets/preloader.css">
    <!-- custome css -->
    <link rel="stylesheet" href="../static/css/style.css">
    <!-- responsive css -->
    <link rel="stylesheet" href="../static/css/responsive.css">
    <link rel="stylesheet" href="../static/css/master.css">
    <!-- modernizr css -->
     <link rel="stylesheet" href="../static/css/login_regist.css">
    <script src="../static/js/vendor/modernizr-2.8.3.min.js"></script>
    <style>
        #personal_i{
            /*background:url("../static/images/packages/7.jpg") no-repeat ;*/
            background-size: 100% 100%;
            -moz-background-size: 100% 100%;
            margin: 0 auto ;
            text-align: center;
        }
        #personal_i  p{
            color: black;
        }

    </style>
</head>
<body>
<div id="loader-wrapper">
    <div id="loader"></div>
    <div class="loader-section section-left"></div>
    <div class="loader-section section-right"></div>
</div>
<!-- header area start here -->
{%if alert==1%}
<div class="alert alert-warning alert-dismissible" style="margin:0;" role="alert">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  <strong>Warning!</strong> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp若想体验更多功能，请先上传个人信息！
</div>
{%endif%}
{%if alert==2%}
<div class="alert alert-warning alert-dismissible" style="margin:0;" role="alert">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  <strong>Warning!</strong> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp请填写完整的个人信息！
</div>
{%endif%}

<header>
    <div class="header_top_area">
        <div class="container">
            <div class="row">
                <div class="col-12 col-xs-12 col-sm-12 col-md-12 col-lg-12">
                </div>
            </div>
        </div>
    </div> <!-- header top end -->

    <div class="main_nav">
        <div class="container">
            <div class="row">
                <div class="col-md-10">
                    <nav>
                          <ul class="main-menu text-right">
                            <li class="active"><a href="{{url_for('mainpage')}}">主页</a>
                            </li>

							<li><a href="{{url_for('personinfor')}}">智能推荐</a>
                            </li>

                            <li><a href="{{url_for('Recommend')}}">精准推荐</a>
                            </li>

                            <li><a href="{{url_for('Wish_list')}}">心愿清单</a>
							</li>

                            <li><a href="{{url_for('luxian')}}">我的路线</a>
							</li>

                            <li><a href="{{url_for('contact')}}">电子导游</a></li>
                        </ul>
                    </nav>
                </div> <!-- main menu end here -->
            </div>
        </div>
    </div> <!-- header-bottom area end here -->
</header> <!-- header area end here -->

<section class="breadcrumb-blog-version-one">
    <div class="single-bredcurms" style="background-image:url('../static/images/bercums/package-Version-01.jpg');">
       <div class="container">
           <div class="row">
               <div class="col-sm-12 col-md-12">
                    <div class="bredcrums-content">
                        <h2>智能推荐</h2>
                        <ul>
                            <li><a href="index.html">提交个人信息，智能生成您的专属路线，同时解锁更多功能</a></li>
                        </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section><!-- blog breadcrumb version one end here -->
<br>
<div class="main">
    <h3 align="center" style="font-weight:300;font-style: inherit">个人信息</h3>
    <form action="{{ url_for('personinfor') }}" method="POST">
        <div class="form-container">
            <div class="form-group">
                <input style="font-weight:300; font-style: inherit" type="text" class="form-control" placeholder="手机号码" name="shouji">
            </div>
            <div class="form-container">
                <h5 style="font-weight:300;font-style: inherit">您的职业</h5>
            <select class="form-control" align="center" style="font-weight:300; font-style: inherit" name="zhiye">
            <option value="未选择">未选择</option>
                <option value="在校学生">在校学生</option>
            <option value="计算机/互联网">计算机/互联网</option>
                <option value="生产/工艺制造">生产/工艺制造</option>
            <option value="医疗/护理/制药">医疗/护理/制药</option>
                <option value="金融/银行">金融/银行</option>
            <option value="商业/服务业/个体经营">商业/服务业/个体经营</option>
                <option value="广告/传媒">文化/广告/传媒</option>
            <option value="娱乐/艺术/表演">娱乐/艺术/表演</option>
                <option value="律师/法务">律师/法务</option>
            <option value="教育/培训">教育/培训</option>
                <option value="公务员/行政/事业单位">公务员/行政/事业单位</option>
           </select>
            </div>
            <br />
            <div class="form-container">
                <h5 style="font-weight:300;font-style: inherit">您的年龄</h5>
            <select class="form-control" align="center" style="font-weight:300; font-style: inherit" name="nianling">
            <option value="未选择">未选择</option>
                <option value="10岁以下">10岁以下</option>
            <option value="10到25岁">10到25岁</option>
                <option value="25到35岁">25到35岁</option>
            <option value="35到45岁">35到45岁</option>
                <option value="45到55岁">45到55岁</option>
            <option value="55到65岁">55到65岁</option>
                <option value="65岁以上">65岁以上</option>
           </select>
            </div>
                 <br />
            <div class="form-container">
                <h5 style="font-weight:300;font-style: inherit">出游类型</h5>
            <select class="form-control" align="center" style="font-weight:300; font-style: inherit" name="leixing">
            <option value="未选择">未选择</option>
                <option value="家庭出游">家庭出游</option>
            <option value="独自出游">独自出游</option>
                <option value="情侣/夫妻出游">情侣/夫妻出游</option>
            <option value="团体出游">团体出游</option>
           </select>
            </div>
                 <br />



            <div class="form-group">
                <button style="font-weight:300; font-style: inherit" class="btn btn-primary btn-block"type="submit">提交</button>
                <button style="font-weight:300; font-style: inherit" class="btn btn-primary btn-block" type="reset">重置</button>
            </div>
        </div>
    </form>

</div>
<br>







<div class="to-top pos-rtive">
    <a href="#"><i class = "fa fa-angle-up"></i></a>
</div><!-- Scroll to top-->

    <!-- ============================
            JavaScript Files
    ============================= -->

    <!-- jquery latest version -->
    <script src="../static/js/vendor/jquery-3.2.0.min.js"></script>
    <script src="../static/js/vendor/modernizr-2.8.3.min.js"></script>
    <!-- bootstrap js -->
    <script src="../static/js/bootstrap.min.js"></script>
    <!-- owl.carousel js -->
    <script src="../static/js/owl.carousel.min.js"></script>
    <!-- slick js -->
    <script src="../static/js/slick.min.js"></script>
    <!-- meanmenu js -->
    <script src="../static/js/jquery.meanmenu.min.js"></script>
    <!-- jquery-ui js -->
    <script src="../static/js/jquery-ui.min.js"></script>
    <!-- wow js -->
    <script src="../static/js/wow.min.js"></script>
    <!-- counter js -->
    <script src="../static/js/jquery.counterup.min.js"></script>
    <!-- Countdown js -->
    <script src="../static/js/jquery.countdown.min.js"></script>
    <!-- waypoints js -->
    <script src="../static/js/jquery.waypoints.min.js"></script>
    <!-- Isotope js -->
    <script src="../static/js/isotope.pkgd.min.js"></script>
    <!-- magnific js -->
    <script src="../static/js/jquery.magnific-popup.min.js"></script>
    <!-- Image loaded js -->
    <script src="../static/js/imagesloaded.pkgd.min.js"></script>
    <!-- chossen js -->
    <script src="../static/js/chosen.jquery.min.js"></script>
    <!-- Jquery plugin -->
    <script src="../static/js/plugins.js"></script>
    <!-- select2 js plugin -->
    <script src="../static/js/select2.min.js"></script>
    <script src="../static/js/colors.js"></script>
    <!-- Jquery plugin -->
    <script src="../static/js/jquery-customselect.js"></script>
    <!-- main js -->
    <script src="../static/js/custom.js"></script>
</body>
</html>
